<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>显示模式</title>
		<style>
			h4,p,span,del,a,input{
				background-color: pink;
				width: 100px;
				height: 150px;
				margin: auto;/* 盒子水平居中 */
				text-align: center;/* 文本居中 */
			}
			a{
				display: block;/* 将a标签转换为块元素 */
			}
		</style>
	</head>
	<body>
		<!-- 1。块元素 block：比较霸道，单独占一行
		默认宽度是父级元素宽度的100%
		可以设置宽高属性
		可与包含行内元素和其他块元素
		文本标签<h1-h6>内不要在装块元素
		2.行内元素 inline，一行显示多个
		默认宽度是内容宽度
		宽高和对齐属性设置无效
		 只能包含文本或其他行内元素，一般不不包含块元素
		 标签链接不要再包含其他链接
		 3.行内块元素 inline-block
		  可以设置宽高和对齐属性
		  一行显示多个
		  默认宽度是内容的宽度
		  img td input-->
		<h4>小米su7</h4>
		<p>性能旋风</p>
		<span>2399</span>
		<del>2499</del>
		<a href="#">百度一下</a>
		<input type="text"/>
		<input type="password"/>
	</body>
</html>
